require('./index.less');
require('./jquery.Jcrop.js');
function a(othis){
	var src=othis.attr('src');
	var tpl=require('./index.tpl')({src:src});
	$('body').append(tpl);
	$(function(){
		$('.cutPic:not(.cutBox)').click(function(){
			$('.cutPic').remove();
		})
		var api=$('.cutImg').Jcrop({
			aspectRatio:1,
			allowMove:!0,
			touchSupport:true,
			onSelect(){
				mcanvas($('.cutImg')[1],this.tellSelect());
			}
		});
	})
}


function mcanvas(image,o){
	var canvas=document.createElement('canvas');
	canvas.width=o.w;
	canvas.height=o.h;
	var ctx=canvas.getContext('2d');
	ctx.drawImage(image,-o.x,-o.y,image.width,image.height);
	var img=new Image();
	img.className='box';
	img.src=canvas.toDataURL()
	img.onload=function(){
		console.log(12)
		$('img.box').remove();
		$('.top .tal').append(this);
	}
	
}
module.exports=a;
